<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<link th:href="@{/css/bootstrap.min.css}" href="css/bootstrap.min.css" rel="stylesheet">
	<link th:href="@{/css/blog/clean-blog.css}"  href="css/blog/clean-blog.css" rel="stylesheet">
	<link th:href="@{/css/font-awesome.min.css}" rel="stylesheet" type="text/css">
	<style type="text/css">
		@media (max-width:768px){
			.side{ display:none;  }
		}
		@media (min-width:768px){
			.side{ display:block;  }
		}
		.side{
			position: fixed;
			width: 50px;
			right: 5%;
			bottom: 15%;
			z-index: 100;
		}
		.side ul{
			list-style:none;
		}
		.side ul li {
			width: 35px;
			height: 35px;
			float: left;
			position: relative;
			margin-top: 9px;
		}
		.side ul li .qqbdimg {
			padding: 7px;
			margin-top: 5px;
			margin-bottom: 1px;
			/* margin-left: 22px; */
			position: absolute;
			width: 53px;
			height: 54px;
			/* margin-left: 9px; */
			bottom: 0;
			right: -7px;
			transition: all 0.3s;
			background: #fff;
			opacity: 0;
			filter: Alpha(opacity=80);
			color: #fff;
			font: 14px/54px "微软雅黑";
			overflow: hidden;
		}
		.side ul li .qqbdimg:hover{
			overflow:hidden;
			padding: 7px;
			margin-top: 5px;
			width:124px;
			height:124px;
			opacity:1;
			z-index:100;
			right:0;
			background:rgb(142, 142, 142);
		}
		.side ul li img {
			width: 100%;
			height: 100%;
		}
		.side ul li .sidetop {
			height: 100%;
			display: block;
			background: #2f4050;
			padding: 2px 0px;
			text-align: center;
			color: #fff;
			border-radius: 50%;
			opacity: .5;
		}
	</style>
</head>
<body>
	<nav th:include="blog/index/include_blog::nav"  class="navbar navbar-default navbar-custom navbar-fixed-top" ></nav>
	<!-- Page Header -->
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
					<div class="post-heading">
						<h1 th:text="${bContent.title}"></h1>
						<span class="meta">作者 <a href="#"
							th:text="${bContent.author}"></a>&nbsp;&nbsp;<a href="#"
							th:text="${gtmModified}"></a>
						</span>
					</div>
				</div>
			</div>
		</div>
	</header>

	<!-- Post Content -->
	<article>
		<div class="container">
			<div class="col-sm-11">
				<div id="content" class="summernote"></div>
			</div>

		</div>
	</article>
	<hr>
	<div th:include="blog/index/include_blog::footer"></div>
	<script type="text/javascript" th:inline="javascript">
		$().ready(function() {
			$('.summernote').summernote({
				lang : 'zh-CN'
			});
			var content = /*[[${bContent.content}]]*/
			$('#content').code(content);
			$('.summernote').destroy();
		});
	</script>
</body>
</html>
